<!DOCTYPE html>
<!--页面语言：简体中文-->
<html lang="zh">
<head>
    <!--页面字符集-->
    <meta charset="UTF-8">
    <!--使用最高版的ie浏览器，使用chrome模式-->
    <meta http-equiv="x-ua-compatible" content="ie=edge,chrome=1">
    <!--页面渲染引擎：webkit-->
    <meta name="renderer" content="webkit">
    <!--网站关键字-->
    <meta name="keywords" content="九江学院,信息科学与技术学院,计算机科学与技术,数字媒体技术,信息管理与信息系统,教育技术学,物联网工程,网络工程,软件工程">
    <!--网站描述-->
    <meta name="description" content="信息科学与技术学院，育人，创新，服务，社会">
    <!--网站作者-->
    <meta name="author" content="信息科学与技术学院">
    <!--网站版权-->
    <meta name="copyright" content="信息科学与技术学院">
    <!--搜索引擎机器人建议规则-->
    <meta name="robots" content="follow,index">
    <!--页面标题-->
    <title>九江学院信息科学与技术学院</title>
    <!--CSS Reset风格文件-->
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/main.css">
</head>
<body>
<!--页面包围-->
<div class="wrapper">
    <!--页面头部-->
    <div class="header">
        <div class="title">
            <h1><img src="./image/logo.png" alt="九江学院信息科学与技术学院"></h1>
        </div>
        <div class="nav">
            <ul class="menu">
                <li class="no_fgf"><a href="#">首页</a></li>
                <li><a href="#">学院概况</a>
                    <ul class="submenu">
                        <li><a href="#">学院简介</a></li>
                        <li><a href="#">现任领导</a></li>
                        <li><a href="#">机构设置</a></li>
                        <li><a href="#">师资队伍</a></li>
                    </ul></li>
                <li><a href="#">党团建设</a>
                    <ul class="submenu">
                        <li><a href="#">规章制度</a></li>
                        <li><a href="#">党团动态</a></li>
                    </ul></li>
                <li><a href="#">学科专业</a>
                    <ul class="submenu">
                        <li><a href="#">重点学科</a></li>
                        <li><a href="#">专业设置</a></li>
                    </ul>
                </li>
                <li><a href="#">教学教务</a>
                    <ul class="submenu">
                        <li><a href="#">实践教学</a></li>
                        <li><a href="#">考务信息</a></li>
                        <li><a href="#">毕业设计</a></li>
                    </ul>
                </li>
                <li><a href="#">科学研究</a>
                    <ul class="submenu" >
                        <li><a href="#">科研机构</a></li>
                        <li><a href="#">科研项目</a></li>
                        <li><a href="#">科研论文</a></li>
                        <li><a href="#">获奖情况</a></li>
                    </ul></li>
                <li><a href="#">学生工作</a>
                    <ul class="submenu">
                        <li><a href="#">管理制度</a></li>
                        <li><a href="#">机构人员</a></li>
                        <li><a href="#">学工动态</a></li>
                        <li><a href="#">就业信息</a></li>
                    </ul></li>
                <li><a href="#">实验中学</a></li>
                <li><a href="#">资源下载</a></li>
            </ul>
        </div>
    </div>
    <!--页面主体-->
    <div class="main">
        <div class="clear"></div>
        <!--左边栏-->
        <div class="sidebar">
            <!--快捷通道-->
            <div class="quick_menu">
                <ul>
                    <li class="title"></li>
                    <li><a href="#">学院简介</a></li>
                    <li><a href="#">办事指南</a></li>
                    <li><a href="#">领导信箱</a></li>
                    <li><a href="#">教务系统</a></li>
                    <li><a href="#">证书培训</a></li>
                    <li><a href="#">教学资源</a></li>
                    <li><a href="#">下载中心</a></li>
                    <li><a href="#">专升本</a></li>
                </ul>
            </div>
            <!--常用链接-->
            <div class="links">
                <ul>
                    <li class="title"></li>
                    <li><a href="http://jwc.jju.edu.cn/" target="_blank">教务处</a></li>
                    <li><a href="#">毕业设计管理系统</a></li>
                    <li><a href="#">教科研管理系统</a></li>
                    <li><a href="#">教务发布系统</a></li>
                    <li><a href="http://www.jju.edu.cn/" target="_blank">九江学院主站</a></li>
                </ul>
            </div>

        </div>
        <!--信息区域-->
        <div class="content">
            <!--左边信息区域-->
            <div class="content_left">
                <!--图片新闻-->
                <div class="news_photo">
                    <div class="news_title">
                        <!--圆角：固定大小-->
                        <span class="block corner_left"></span>
                        <!--内容：动态可变-->
                        <span class="block title_center">图片新闻
                            <div class="more"><img src="./image/more2.png" alt="更多"></div>
                        </span>
                        <!--圆角：固定大小-->
                        <span class="block corner_right"></span>
                    </div>
                    <div class="news_content right_border"></div>
                </div>
                <div class="clear"></div>
                <div class="news_content left_border right_border">
                    <div class="news_pic">
                        <ul>
                            <li class="first"><a href="#" title="校领导深入信息学院开展“双体验日”" data-image="../image/01.jpg" data-url="http://www.jju.edu.cn" onclick="clickShowPic(this);return false;">1</a></li>
                            <li><a href="#" title="信息学院召开网络安全教育大会" data-image="../image/02.jpg" data-url="http://www.qq.com" onclick="clickShowPic(this);return false;">2</a></li>
                            <li><a href="#" title="信息学院召开2017级新生开学典礼暨军训动员大会" data-image="../image/03.jpg" data-url="http://www.jd.com" onclick="clickShowPic(this);return false;">3</a></li>
                            <li><a href="#" title="人才培养显风采,校企合作展新篇——我校信息学院与360企业安全集团举行网络安全人才培养基地签约仪式" data-image="../image/04.jpg" data-url="http://www.taobao.com" onclick="clickShowPic(this);return false;">4</a></li>
                        </ul>
                        <div>
                            <img id="placeholder" src="" alt="新闻图片">
                            <p><a id="description" href="">新闻标题</a></p>
                        </div>
                    </div>
                </div>
            </div>
                <!--最新动态-->
                <div class="news_update">
                    <div class="news_title">
                        <!--圆角：固定大小-->
                        <span class="block right_angle"></span>
                        <!--内容：动态可变-->
                        <span class="block title_center_white">最新动态
                        <div class="more"><img src="./image/more2.png" alt="更多"></div>
                        </span>
                        <!--圆角：固定大小-->
                        <span class="block right_border"></span>
                    </div>

                    <div class="news_content  right_border">
                        <ul id="news_update_list">
                            <li><a href="#">信息科学与技术学院2017-2018学期</a><span class="time">[04-12]</span></li>
                            <li><a href="#">信息科学与技术学院2017-2018学期</a><span class="time">[04-12]</span></li>
                            <li><a href="#">信息科学与技术学院2017-2018学期</a><span class="time">[04-12]</span></li>
                            <li><a href="#">信息科学与技术学院2017-2018学期</a><span class="time">[04-12]</span></li>
                            <li><a href="#">信息科学与技术学院2017-2018学期</a><span class="time">[04-12]</span></li>
                            <li><a href="#">信息科学与技术学院2017-2018学期</a><span class="time">[04-12]</span></li>
                            <li><a href="#">信息科学与技术学院2017-2018学期</a><span class="time">[04-12]</span></li>
                            <li><a href="#">信息科学与技术学院2017-2018学期</a><span class="time">[04-12]</span></li>
                            <li><a href="#">信息科学与技术学院2017-2018学期</a><span class="time">[04-12]</span></li>
                            <li><a href="#">信息科学与技术学院2017-2018学期</a><span class="time">[04-12]</span></li>
                        </ul>
                    </div>
                </div>
            </div>

            <!--右边信息区域-->
            <div class="content_right">
                <!--通知公告-->
                <div class="news_notice">
                    <div class="news_title">
                        <!--圆角：固定大小-->
                        <span class="block corner_left"></span>
                        <!--内容：动态可变-->
                        <span class="block title_center">通知公告
                        <div class="more"><img src="./image/more2.png" alt="更多"></div>
                        </span>
                        <!--圆角：固定大小-->
                        <span class="block corner_right"></span>
                    </div>
                    <div class="news_content">
                        <ul>
                            <li><a href="#">信息科学与技术学院2017-2018学期</a><span class="time">[04-12]</span></li>
                            <li><a href="#">信息科学与技术学院2017-2018学期</a><span class="time">[04-12]</span></li>
                            <li><a href="#">信息科学与技术学院2017-2018学期</a><span class="time">[04-12]</span></li>
                            <li><a href="#">信息科学与技术学院2017-2018学期</a><span class="time">[04-12]</span></li>
                            <li><a href="#">信息科学与技术学院2017-2018学期</a><span class="time">[04-12]</span></li>
                            <li><a href="#">信息科学与技术学院2017-2018学期</a><span class="time">[04-12]</span></li>
                            <li><a href="#">信息科学与技术学院2017-2018学期</a><span class="time">[04-12]</span></li>
                            <li><a href="#">信息科学与技术学院2017-2018学期</a><span class="time">[04-12]</span></li>
                        </ul>
                    </div>
                </div>
                <!--就业信息-->
                <div class="news_job">
                    <div class="news_title">
                        <!--圆角：固定大小-->
                        <span class="block" ></span>
                        <!--内容：动态可变-->
                        <span class="block title_center_white">就业信息
                        <div class="more"><img src="./image/more2.png" alt="更多"></div>
                        </span>
                        <!--圆角：固定大小-->
                        <span class="block"></span>
                    </div>
                    <div class="news_content">
                        <ul>
                            <li><a href="#">信息科学与技术学院2017-2018学期</a><span class="time">[04-12]</span></li>
                            <li><a href="#">信息科学与技术学院2017-2018学期</a><span class="time">[04-12]</span></li>
                            <li><a href="#">信息科学与技术学院2017-2018学期</a><span class="time">[04-12]</span></li>
                            <li><a href="#">信息科学与技术学院2017-2018学期</a><span class="time">[04-12]</span></li>
                            <li><a href="#">信息科学与技术学院2017-2018学期</a><span class="time">[04-12]</span></li>
                            <li><a href="#">信息科学与技术学院2017-2018学期</a><span class="time">[04-12]</span></li>
                            <li><a href="#">信息科学与技术学院2017-2018学期</a><span class="time">[04-12]</span></li>
                            <li><a href="#">信息科学与技术学院2017-2018学期</a><span class="time">[04-12]</span></li>
                        </ul>
                    </div>
                </div>

            </div>
        </div>
        <!--滚动相册-->
        <div class="album">
            <ul>
                <li><img src="./album/2.jpg" alt=""></li>
                <li><img src="./album/3.jpg" alt=""></li>
                <li><img src="./album/2.jpg" alt=""></li>
                <li><img src="./album/2.jpg" alt=""></li>
                <li><img src="./album/2.jpg" alt=""></li>
                <li><img src="./album/2.jpg" alt=""></li>
            </ul>
        </div>
        <div class="clear"></div>
    </div>

    <!--页面底部-->
    <div class="footer">
        <address>地址：九江市前进东路551号&emsp;&emsp;邮编：332005&emsp;&emsp;电话：0792-8311029&emsp;&emsp;邮箱：xx_xzg@126.com&emsp;&emsp;&emsp; 九江学院信息科学与技术学院&emsp;版权所有 </address>
    </div>
</div>
</body>
</html>